//免费视频设置


import React from 'react';
import TopSearch from '../UserManagement/components/TopSearch';
import { Input,Switch  } from 'antd';
import './css/FreeVideoRights.scss';


export default function FreeVideoRights() {
  const an=1;


  const onChange = (checked: boolean) => {
    console.log(`switch to ${checked}`);
  };
  
  return (
    <div>
      <div>
        <TopSearch topName='免费视频设置' />
      </div>
      <div>
        <h2>游客</h2>
        <div className='div_one'>
          <p>每日免费长视频次数</p>
          <Input placeholder='Basic usage' value={an} style={{width:'100px',margin:'0px 10px'}} />
        </div>
        <div className='div_one'>
          <p>每日免费短视频次数</p>
          <Input placeholder='Basic usage' value={an} style={{width:'100px',margin:'0px 10px'}} />
        </div>
        <div className='div_one'>
          <p>是否可分享视频</p>
          <Switch defaultChecked onChange={onChange} style={{margin:'0px 0.45rem'}} />
        </div>
      </div>
      <div>
        <h2>普通用户</h2>
        <div className='div_one'>
          <p>每日免费长视频次数</p>
          <Input placeholder='Basic usage' value={an} style={{width:'100px',margin:'0px 10px'}} />
        </div>
        <div className='div_one'>
          <p>每日免费短视频次数</p>
          <Input placeholder='Basic usage' value={an} style={{width:'100px',margin:'0px 10px'}} />
        </div>
        <div className='div_one'>
          <p>每日离线缓存视频次数</p>
          <Input placeholder='Basic usage' value={an} style={{width:'100px',margin:'0px 10px'}} />
        </div>
        <div className='div_one'>
          <p>每日下载视频次数</p>
          <Input placeholder='Basic usage' value={an} style={{width:'100px',margin:'0px 10px'}} />
        </div>
        <div className='div_one'>
          <p>是否可分享视频</p>
          <Switch defaultChecked onChange={onChange} style={{margin:'0px 0.45rem'}} />
        </div>
      </div>
      <div>
        <h2>通用配置</h2>
        <div className='div_one'>
          <p>长视频试看时长（分钟）</p>
          <Input placeholder='Basic usage' value={an} style={{width:'100px',margin:'0px 10px'}} />
        </div>
        <div className='div_one'>
          <p>短视频试看时长（分钟）</p>
          <Input placeholder='Basic usage' value={an} style={{width:'100px',margin:'0px 10px'}} />
        </div>
        <div className='div_one'>
          <p>VIP权限开关</p>
          <Switch defaultChecked onChange={onChange} style={{margin:'0px 0.45rem'}} />
        </div>
      </div>
    </div>
  );
}
